/*
 * Copyright (c) 2020, NVIDIA CORPORATION.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

/* sm-dox is the CSS class Doxygen uses for the main navigation menu bar */
.sm-dox {
  background-image:none;              /* override Doxygen background images */
  background-color: #7306ff;        /* rapids.ai menu background purple */
}

/* Menu links */
.sm-dox a, 
.sm-dox a:focus,
.sm-dox a:hover,
.sm-dox a:active,
.sm-dox a.highlighted {
  background-image:none;              /* override Doxygen background images */
  color: white;                     /* rapids.ai menu white font */
  font-family:"Open Sans",sans-serif; /* rapids.ai menu font family */
  /* rapids.ai uppercase menus, no decoration or shadows, 1em size */
  text-decoration: none;              
  text-transform: uppercase;
  text-shadow: none;
  font-weight: normal;
  font-size: 1em;
}

.sm-dox a:hover {
  background-image:none;                    /* override Doxygen background images */
  color: #a785e7;                         /* rapids.ai menu text hover color */
  -webkit-transition: all 0.3s ease-in-out; /* rapids.ai menu fade when hover */
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* These are the triangles to the right of menus that open up. Make them match the font/fade */
.sm-dox a span.sub-arrow {
  border-top-color: white;
}

.sm-dox a:hover span.sub-arrow {
  border-top-color: #a785e7;              /* rapids.ai menu text hover color */
  -webkit-transition: all 0.3s ease-in-out; /* rapids.ai menu fade when hover */
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* sm-dox ul is the drop-down menus that appear when you mouse over hierarchical menus.
   Make these white but highlight hovered items with rapids purple background and white text. */
.sm-dox ul a {
  font-size: 1em;
}

.sm-dox ul a:hover {
  background-image:none;
  background-color: #7306ff;            
  font-size: 1em;
  text-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* Sub menu (underneath the main Doxygen bar) is a ul with class navpath that shows
   the C++ class hierarchy.
*/
.navpath ul
{
  font-size: 13px;             /* Bigger than Doxygen default looks a bit better */
  background-image:none;       /* Override Doxygen gradient background image */
  background-color: #FAF6FF; /* A nearly white RAPIDS purple background */
  border-top:none;             /* Override Doxygen top border for class hierarchy menu since 
                                  it doesn't match the menu above. */
}

/* Note we don't override the background on li tags here because we want to keep the ">"
   background images Doxygen uses here as separators */
.navpath li.navelem {
  background-color: #FAF6FF;   /* A nearly white RAPIDS purple background */
}

/* Add some CSS to make class / function lists nicer in the presence of long templated names */

.directory td.entry {
  white-space: normal;                /* Allow text wrapping for long class names */
  min-width:   512px;                 /* But don't wrap them too much. */

  /* This indent and padding causes any long class names that are wrapped to be indented on 
     wrapped lines */
  text-indent: -65px;
  padding-left: 55px;
}

/* Prevent arrows from being negatively indented */
.arrow {
  text-indent: 0px;
  padding-left: 10px;
}

/* Prevent icons from being negatively indented */
.icona {
  text-indent: 0px;
  padding-left: 0px;
}
